<template>
    <div class="activity">
        <div class="content">
            <div class="item-info">
                <h2 class="item-title">活动说明</h2>
                <ul class="item-ul">
                    <li class="item-li">1、欢迎来到凯游网支付前后端讲解111</li>
                    <li class="item-li">2、欢迎来到凯游网支付前后端讲解222</li>
                    <li class="item-li">3、欢迎来到凯游网支付前后端讲解333</li>
                    <li class="item-li">4、欢迎来到凯游网支付前后端讲解444</li>
                    <li class="item-li">5、欢迎来到凯游网支付前后端讲解555</li>
                </ul>
            </div>
            <p class="tip">在法律范围允许范围内，本课程最终版权归凯游科技所有</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'detail',
        watch: {

        },
        created() {

        },
        mounted() {

        },
        data() {
            return {

            };
        },
        methods: {

        },
        computed: {

        },
        components: {

        }
    };

</script>

<style lang="css" scoped>
    .activity {
        width: 100%;
        height: 100%;
        background-color: #FFC93A;
    }

    .content {
        padding: 40px 72px;
    }

    .item-info {
        padding: 73px 39px 164px;
        background-color: #fff;
        box-shadow: 0px 8px 48px 6px rgba(252, 195, 56, 0.44);
        border-radius: 10px;
    }

    .item-info .item-ul {
        list-style: none;
        font-size: 30px;
        color: #9e9999;
    }

    .item-info .item-ul .item-li {
        font-size: 28px;
        font-weight: normal;
        color: #333;
        line-height: 48px;
    }

    .content .tip {
        margin-top: 88px;
        text-align: center;
        font-size: 24px;
        color: #6D5312;
    }

</style>
